body { margin:0; padding:0; overflow:auto; text-align:center; font-family:'Microsoft YaHei', 微软雅黑; }

.head { position:fixed; top:0; left:0; height:70px; width:100%; overflow:hidden; background:rgba(34,40,45,1); }
.menu,li { list-style:none; list-style-type:none; padding:0; margin:0; }
.menu li { float:left; width:100px; height:35px; line-height:35px; text-align:center; margin:20px; margin-top:18px; border-bottom:0; }
.menu .active { border-bottom:2px #fff solid; }
.page-scroll { color:#fff; text-decoration:none; width:100%; display:inline-block; font-size:16px; }
.page-scroll:hover { border-bottom:2px #fff solid; }


.split-white { width:100%; background:#fff; }
.split-gray { width:100%; background:#f8f8f8; }
.content { width:1200px; text-align:left; margin-left:auto; margin-right:auto; }
.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.margin-top { margin-top:40px; }
.padding-top { padding-top:20px; }
.title { font-size:24px; text-indent:10px; line-height:30px; text-align:left; }
.title .en { margin-left:15px; font-size:18px; color:#6b6b6b; }
.subtitle { font-size:14px; text-indent:10px; line-height:1.5em; text-align:left; color:#6b6b6b; }


.banner { width:100%; height:auto; }
.banner img { width:100%; height:auto; }


.product .item { float:left; width:270px; height:330px; margin:15px; overflow:hidden; text-align:center; -moz-box-shadow:0px 2px 12px #333333; -webkit-box-shadow:0px 2px 12px #333333; box-shadow:0px 2px 12px #333333; }
.product .item img { width:270px; height:168px; display:inline-block; margin:auto; }
.product .item .name { height:25px; overflow:hidden; }
.product .item a { font-size:18px; line-height:30px; color:#5a5a5a; text-align:center; margin:auto; text-decoration:none; }
.product .item .desc { font-size:14px; line-height:22px; color:#6e6e6e; text-align:left; text-indent:2em; margin:8px; }


.about .picture { float:left; width:270px; height:200px; margin:15px; overflow:hidden; -moz-box-shadow:0px 2px 12px #333333; -webkit-box-shadow:0px 2px 12px #333333; box-shadow:0px 2px 12px #333333; }
.about .picture img { width:270px; height:200px; display:inline-block; margin:auto; }
.about .desc { float:left; width:850px; margin:0 15px; overflow:hidden; font-size:16px; line-height:32px; text-align:left; text-indent:2em; color:#6e6e6e; }


.bottom { padding:10px 0; height:180px; text-align:left; font-family:微软雅黑; width:100%; line-height:180%; font-size:12px; background:#38383d; color:#fff; }
.bottom .qrcode { position:absolute; top:10px; left:60px; width:100px; height:100px; }
.bottom .contact { position:absolute; top:8px; left:240px; }
.bottom .copyright { border-top:1px #535353 solid; padding:8px 0; padding-bottom:10px; color:#ababab; }
.bottom .copyright a { color:#ababab; text-decoration:none; }
.bottom .copyright a:hover { color:#ababab; text-decoration:underline; }


.gotop { position:fixed; right:10px; bottom:10px; width:60px; height:60px; cursor:pointer; }